<template>
    <div class="shop-t w clearfix pb20 mb10 mt5">
        <div class="logo mt10"> <a href="" title=""><img height="60" alt="" src="@/assets/images/site_logo.png" /></a> </div>
        <div class="top-search">
            <div class="top-search-box clearfix">
                <div class="form-fields" style="height:38px;">
                    <!-- <form method="GET" action="" class="clearfix"> -->
                        <!---->
                        <ul class="select-act J_SearchType">
                            <li class="current"><span value="index">商品</span></li>
                            <li class=""><span value="store">店铺</span></li>
                        </ul>
                        <div>
                            <input type="text" name="keyword" value="" class="keyword" placeholder="小米" style="position: relative; top: 2px;border: 0px;" v-model="content"/>
                            
                            <input type="submit" value="搜索" class="submit" hidefocus="true" style="height:40px;"
                            @click="search"/>
                        </div>

                    <!-- </form> -->
                </div>
            </div>
            <div class="top-search-keywords" style="position: relative; top: 5px;"> <span>热门搜索：</span>
            
                <a style="color:#ff0000;" href="">小米</a>
                <a href="">苹果</a>
                <a href="">华为</a>
                <a href="">康佳</a>
                <a href="">格力</a>
            </div>
        </div>
        <div class="header_cart J_GlobalPop">
            <div class="item">
                <div class="title clearfix"> <b></b>
                <router-link to="/cart" tag="a">去购物车结算</router-link>
                <em>></em> </div>
                <div class="shoping"><span class="count-cart J_C_T_GoodsKinds">0</span></div>
                <div class="shadow"></div>
                <!---->
                <div class="cart-list eject-box">
                    <div class="nogoods clearfix"> <b></b>购物车中还没有商品，赶紧选购吧！ </div>
                </div>
                <!---->
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        data(){
            return{
            content:""

            }
        },methods:{
            search(){
                //通过自定义事件将输入内容传给父组件
                this.$emit("search",this.content)
            }
        }
    }
</script>
<style scoped>

</style>